<div class="content-section implementation GridDemo" id="myContent" >
    <div class="title col-sm-12">
        <div class="col-sm-1">
            <span>{{formTitle}}</span>
        </div>
        <div class="col-sm-11 pull-right">
            <button type="button"
                    class="pull-right"
                    pButton
                    (click)="goBack()"
                    icon="fa-close"
                    style="width: 30px"></button>
        </div>
    </div>
    <form [formGroup]="myForm" class="form-horizontal">
       <app-simple-form-content #simpleFormContent></app-simple-form-content>
        <div class="form-group ">
            <label class="col-sm-2 control-label">
                <span ngClass="start_red">*</span>
                审批意见：</label>
            <div class="col-sm-10 ui-no-padding-left-15px ui-fluid">
                <textarea [rows]="5" pInputTextarea
                          formControlName="approve_remarks"
                          [(ngModel)]="formObj.approve_remarks"
                          autoResize="autoResize"></textarea>
                <app-field-error-display [displayError]="isFieldValid('approve_remarks')" errorMsg="不能为空"></app-field-error-display>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">
                <span ngClass="start_red">*</span>
                执行人部门：
            </label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <div class="col-sm-6 ui-fluid ui-fluid-no-padding">
                    <input type="text" pInputText
                           readonly
                           formControlName="executor_org"
                           [(ngModel)]="formObj.executor_org"
                           class=" form-control cursor_not_allowed"/>
                    <app-field-error-display [displayError]="isFieldValid('executor_org')" errorMsg="不能为空"></app-field-error-display>
                </div>
                <div class="col-sm-3 ui-fluid-no-padding ui-padding-10px">
                    <button  ngClass="ui-g-12 ui-fluid-no-padding"  pButton type="button" (click)="showPersonDialog()" label="选择"></button>
                </div>
                <div class="col-sm-3 ui-fluid-no-padding ui-padding-10px">
                    <button  ngClass="ui-g-12 ui-fluid-no-padding"  pButton type="button" (click)="clearPersonDialog()" label="清空"></button>
                </div>
            </div>
            <label class="col-sm-2 control-label">
                <span ngClass="start_red">*</span>
                执行人：
            </label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="text"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       [value]="formObj?.executor"
                       readonly />
            </div>
        </div>
        <div class="form-group ">
            <div class="col-sm-12 ui-no-padding-left-15px ">
                <button class="pull-right" pButton type="button"   label="选择设备" (click)="openEquipList()" ></button>
                <button class="pull-right" pButton type="button"   label="移除设备" (click)="removeEquipmenst()"></button>
            </div>
        </div>
        <div class="form-group ">
            <div class="col-sm-12 padding-left-2vw">
                <app-unvariation-table #unvariationTable></app-unvariation-table>
            </div>
        </div>

        <div class="form-group ">
            <div class="col-sm-12 ui-no-padding-left-15px ">
                <button class="pull-right  ui-button-secondary" pButton type="button"  label="审批拒绝" (click)="operate('no')"></button>
                <button class="pull-right ui-margin-right-10px" pButton type="button" (click)="operate('reject')" label="审批驳回" ></button>
                <button  class="pull-right ui-margin-right-10px" pButton type="button" (click)="operate('yes')" label="审批通过" ></button>
            </div>
        </div>
        <!--<app-access-select-equipments [display]="controlDiaglog" (displayEmitter)="dcontrolDialogHandler($event)"></app-access-select-equipments>-->
        <!--<app-access-import-equips *ngIf="showAddMask" [state]="state" (closeAddMask)="removeMask($event)" (addDev)="addDevice($event)"></app-access-import-equips>-->
    </form>
</div>
<app-select-equipments #selectEquipments [roomDid]="formObj.room_did"  (selectedEmitter)="selectedEquipsEmitter($event)" [display]="controlDiaglog" (displayEmitter)="dcontrolDialogHandler($event)" ></app-select-equipments>
<app-personel-dialog *ngIf="displayPersonel"
                     (dataEmitter)="dataEmitter($event)"
                     (displayEmitter)="displayEmitter($event)"></app-personel-dialog>
